<?php if (!defined('THINK_PATH')) exit(); /*a:2:{s:92:"D:\mydata\Object\PHPTutorial\WWW\fastadmin\public/../application/index\view\index\index.html";i:1552608530;s:82:"D:\mydata\Object\PHPTutorial\WWW\fastadmin\application\index\view\public\base.html";i:1552608530;}*/ ?>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>首页</title>
	<link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.3/style/weui.min.css">
	<link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.1/css/jquery-weui.min.css">
	<script src="http://www.fadtest.com/static/jquery.js?1"></script>
	<script src="http://www.fadtest.com/static/js/swiper.js?1"></script>
	<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
	<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/jquery-weui.min.js"></script>
	<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/swiper.min.js"></script>
	<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/city-picker.min.js"></script>
</head>

<style type="text/css">
	.content{
		width: 100%;
		background-color:#fafafa;
		font-size: 28px;
		color: #6e5858;
	}
	.top{
		width: 100%;
	    background-color: #ff5871;
	    height: 80px;
	    color: #6e5858;
	    text-align: center;
	    line-height: 80px;
	    font-size: 35px;
	}
	.banner{
		width: 100%;
		height: 20%;
		margin-top: 20px;
	}
	.swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #e97070;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    .search{
    	width: 100%;
    	height: 80px;
    	background-color: #faf2f2;
    	line-height: 80px;
    	margin-top: 20px;
    }	
    .search span{
     	display: inline-block;
     	width: 35%;
     	text-align: center;
    }
    .search span input{
    	height: 30px;
    	border: none;
    }
    .search .button{
		background-color:#ff5871;
	    border-radius: 30px;
	    width: 14%;
	    color: #fff;
    }
</style>

<body>

	<div class="content">
		<div class="top">
			<span>推荐</span>
		</div>
		<div class="banner">
			<div class="swiper-container">
			    <div class="swiper-wrapper">
			      <div class="swiper-slide">Slide 1</div>
			      <div class="swiper-slide">Slide 2</div>
			      <div class="swiper-slide">Slide 3</div>
			      <div class="swiper-slide">Slide 4</div>
			      <div class="swiper-slide">Slide 5</div>
			      <div class="swiper-slide">Slide 6</div>
			      <div class="swiper-slide">Slide 7</div>
			      <div class="swiper-slide">Slide 8</div>
			      <div class="swiper-slide">Slide 9</div>
			      <div class="swiper-slide">Slide 10</div>
			    </div>
			    <div class="swiper-pagination"></div>
			</div>	
		</div>
		<div class="search">
			<span><input type="text" id='picker'/></span>
			<span><input type="text" id='picker1'/></span>
			<span class="button">搜索</span>
		</div>
	</div>

</body>
</html>

<script type="text/javascript" >
	var swiper = new Swiper('.swiper-container', {
	    slidesPerView: 2.5,
	    spaceBetween: 30,
	    centeredSlides: false,
	    speed:300,
	    loop:true,
	    effect:'coverflow',
	    pagination: {
	        el: '.swiper-pagination',
	        type: 'bullets',
	    },
    });
    $("#picker").picker({
	  title: "请选择您的手机",
	  cols: [
	    {
	      textAlign: 'center',
	      values: ['iPhone 4', 'iPhone 4S', 'iPhone 5', 'iPhone 5S', 'iPhone 6', 'iPhone 6 Plus', 'iPad 2', 'iPad Retina', 'iPad Air', 'iPad mini', 'iPad mini 2', 'iPad mini 3']
	    }
	  ]
	});
	$("#picker1").picker({
	  title: "请选择您的手机",
	  cols: [
	    {
	      textAlign: 'center',
	      values: ['iPhone 4', 'iPhone 4S', 'iPhone 5', 'iPhone 5S', 'iPhone 6', 'iPhone 6 Plus', 'iPad 2', 'iPad Retina', 'iPad Air', 'iPad mini', 'iPad mini 2', 'iPad mini 3']
	    }
	  ]
	});
</script>


